<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>Crovex - Admin & Dashboard Template</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
  <meta content="" name="author" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" /><!-- App favicon -->
  <link rel="shortcut icon" href="../images/favicon.ico"><!-- App css -->
  <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <link href="../css/jquery-ui.min.css" rel="stylesheet">
  <link href="../css/icons.min.css" rel="stylesheet" type="text/css" />
  <link href="../css/metisMenu.min.css" rel="stylesheet" type="text/css" />
  <link href="../css/app.min.css" rel="stylesheet" type="text/css" />
  <style>
    .custom-control-label::after{
      top: 0.38rem;
      left: -2.1rem;
    }
  </style>
</head>

<body class="account-body accountbg">
<!-- Log In page -->
<div class="container">
  <div class="row vh-100 ">
    <div class="col-12 align-self-center">
      <div class="auth-page">
        <div class="card auth-card shadow-lg">
          <div class="card-body">
            <div class="px-3">
              <div class="auth-logo-box"><a href="../dashboard/analytics-index.html"
                                            class="logo logo-admin"><img src="../images/logo-sm.png" height="55"
                                                                         alt="logo" class="auth-logo"></a></div>
              <!--end auth-logo-box-->
              <div class="text-center auth-logo-text">
                <h4 class="mt-0 mb-3 mt-5">Let's Get Started Crovex</h4>
                <p class="text-muted mb-0">Sign in to continue to Crovex.</p>
              </div>
              <!--end auth-logo-text-->


              <form class="form-horizontal auth-form my-4" th:action="@{/login}" method="post">

                <div class="form-group">
                  <label for="username">用户名</label>
                  <div class="input-group mb-3">
                                            <span class="auth-form-icon">
                                                <i class="dripicons-user"></i>
                                            </span>
                    <input type="text" class="form-control" id="username" name="username"
                           placeholder="请输入用户名">
                  </div>
                </div>
                <!--end form-group-->

                <div class="form-group">
                  <label for="password">密码</label>
                  <div class="input-group mb-3">
                                            <span class="auth-form-icon">
                                                <i class="dripicons-lock"></i>
                                            </span>
                    <input type="password" class="form-control" id="password" name="password"
                           placeholder="请输入密码">
                  </div>
                </div>
                <!--end form-group-->

                <div class="form-group row mt-4">
                  <div class="col-sm-6">
                    <div class="custom-control custom-switch switch-success">
                      <input type="checkbox" class="custom-control-input"
                             id="customSwitchSuccess">
                      <label class="custom-control-label text-muted"
                             for="customSwitchSuccess">记住我</label>
                    </div>
                  </div>
                  <!--end col-->
                  <div class="col-sm-6 text-right">
                    <a href="auth-recover-pw.html" class="text-muted font-13"><i
                            class="dripicons-lock"></i> 忘记密码?</a>
                  </div>
                  <!--end col-->
                </div>
                <!--end form-group-->

                <div class="form-group mb-0 row">
                  <div class="col-12 mt-2">
                    <button
                            class="btn btn-gradient-primary btn-round btn-block waves-effect waves-light"
                            type="submit">登  录<i class="fas fa-sign-in-alt ml-1"></i></button>
                  </div>
                  <!--end col-->
                </div>
                <!--end form-group-->
              </form>
              <!--end form-->
            </div>
            <!--end /div-->

            <div class="m-3 text-center text-muted">
              <p class="">还没有账号?<a href="../register"
                                   class="text-primary ml-2">免费注册</a></p>
            </div>
          </div>
          <!--end card-body-->
        </div>
        <!--end card-->
      </div>
      <!--end auth-page-->
    </div>
    <!--end col-->
  </div>
  <!--end row-->
</div>
<!--end container-->
<!-- End Log In page -->
<!-- jQuery -->
<script src="../js/index.js"></script>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery-ui.min.js"></script>
<script src="../js/layer.js"></script>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/metismenu.min.js"></script>
<script src="../js/waves.js"></script>
<script src="../js/feather.min.js"></script>
<script src="../js/jquery.slimscroll.min.js"></script><!-- App js -->
<script src="../js/app.js"></script>
<script type="text/javascript">
  var pathname = window.location.pathname;
  if(pathname == '/loginError'){
    layer.msg('登录失败!账号或者密码可能存在错误。', {
      icon: 2,
      time: 3000 //2秒关闭（如果不配置，默认是3秒）
    }, function(){
    });
  }
</script>
</body>

</html>